<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CreateJS export from 10_bann_protecdoor</title>

<script src="http://code.createjs.com/easeljs-0.5.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.3.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.5.0.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.2.0.min.js"></script>
<script src="10_bann_protecdoor.js"></script>

<script>
var canvas, stage, exportRoot;

function init() {
	canvas = document.getElementById("canvas");
	images = images||{};

	var manifest = [
		{src:"images/flch_1.png", id:"flch_1"},
		{src:"images/flch_2.png", id:"flch_2"},
		{src:"images/flch_3.png", id:"flch_3"},
		{src:"images/fond.jpg", id:"fond"},
		{src:"images/fond2.jpg", id:"fond2"}
	];

	var loader = new createjs.PreloadJS(false);
	loader.onFileLoad = handleFileLoad;
	loader.onComplete = handleComplete;
	loader.loadManifest(manifest);
}

function handleFileLoad(o) {
	if (o.type == "image") { images[o.id] = o.result; }
}

function handleComplete() {
	exportRoot = new lib._10_bann_protecdoor();

	stage = new createjs.Stage(canvas);
	stage.addChild(exportRoot);
	stage.update();

	createjs.Ticker.setFPS(24);
	createjs.Ticker.addListener(stage);
}
</script>
</head>

<body onload="init();" style="background-color:#D4D4D4">
	<canvas id="canvas" width="545" height="193" style="background-color:#ffffff"></canvas>
    
</body>
</html>